/* Editor */

/* Animations */

@keyframes spin1 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* Logo */

body .w2ui-lock-msg .w2ui-spinner {
    animation: spin1 2s ease-in-out 0s infinite normal none running;
    transform-origin: 50% 50% 0px;
    background-image: url();
}

.babylonjs-logo {
    position: absolute;
    right: 0px;
    width: 116px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url();
}

/* JSTree Search */

#SCENE-GRAPH-SEARCH {
    margin: 8px;
    width: 90% !important;
    height: 24px !important;
}

.jstree-anchor {
    font-size: 14px;
}

/* GoldenLayout */

.lm_header .lm_tab {
    border-radius: 2px 2px 0px 0px;
}

.lm_controls .lm_maximise {
    background-image: url() !important;
    background-size: 12px;
    background-position-y: 4px;
}

.lm_maximised .lm_controls .lm_maximise {
    background-image: url() !important;
    background-size: 12px;
    background-position-y: 4px;
}

/* Fonts */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(fonts/Roboto-reg-400.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Roboto Weight';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(fonts/Roboto-bold-700.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body * {
    font-family: Roboto, sans-serif !important;
    font-weight: 400 !important;
}

li.title, .lm_title, .w2ui-tabs .w2ui-tab.active {
    font-weight: 700 !important;
}

/* Monaco Code Editor  custom font */

div.view-lines * {
    font-family: 'Consolas', 'Droid Sans Mono', 'Courier New', monospace, 'Droid Sans Fallback' !important;
}

html, body {
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

#renderCanvasEditor {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    touch-action: none;
    -ms-touch-action: none;
}

/* Search */
.editorSearch {
    background-image: url("svg/search.svg");
    background-repeat: no-repeat;
    background-position: 0 50%;
    opacity: 0.3;
    text-indent: 20px;
}

.editorSearch:focus {
    background-image: none;
    text-indent: 0px;
    opacity: 1;
}

/* W2UI */
#currentNodeNameGraph, #currentNodeNameCode {
    float: left;
}

#currentNodeNameGraph {
    margin-left: 35px;
}

#currentNodeNameCode {
    margin-left: 100px;
}

.w2ui-sidebar .w2ui-sidebar-div .w2ui-node .w2ui-node-image {
    width: 16px;
}

.w2ui-sidebar .w2ui-sidebar-div td.w2ui-node-data .w2ui-node-image.w2ui-icon {
    margin-top: -3px;
}

.w2ui-sidebar .w2ui-node {
    height: 24px;
}

.w2ui-sidebar .w2ui-node-caption {
    top: -4px;
}

.w2ui-sidebar .w2ui-node-count {
    top: -3px;
}

.w2ui-sidebar .w2ui-node-image {
    top: -10px;
}

.w2ui-layout>div {
    z-index: 0;
}

.menu {
    overflow: hidden !important;
}

/* JSTREE */

.vakata-context li>a {
    font-size: 12px;
}

.vakata-context li>a>i {
    background-position: 5px 5px !important;
}

.jstree-default .jstree-themeicon-custom {
    background-size: 16px !important;
}

/* Golden Layout */

.lm_content {
    background: #fafafa !important;
}

/* SCROLLBARS */

::-webkit-scrollbar {
    width: 15px !important;
}

::-webkit-scrollbar-track {
    background: white !important;
}

::-webkit-scrollbar-thumb {
    background: #ddd !important;
    border-radius: 0px !important;
}

::-webkit-scrollbar-thumb:hover {
    background: #999 !important;
}

/* ASSETS */

hr {
    border: none;
    border-top: 3px double #ddd;
    color: #ddd;
    overflow: visible;
    text-align: center;
    height: 5px;
    top: 13px;
}

hr:after {
    background: #fafafa;
    content: attr(hr-content);
    padding: 0 4px;
    position: relative;
    top: -7px;
}

/*
SHORTCUTS
*/

kbd {
    padding: 0.1em 0.6em;
    border: 1px solid #CCC;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #F7F7F7;
    color: #333;
    box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px white inset;
    border-radius: 3px;
    display: inline-block;
    margin: 0 0.1em;
    text-shadow: 0 1px 0 white;
    line-height: 1.4;
    white-space: nowrap;
}

/*
ICONS
*/

.w2ui-icon {
    background-repeat: no-repeat !important;
    height: 22px;
    background-position-y: center !important;
}

.w2ui-icon.icon-error {
    background: url("svg/times.svg");
}

.w2ui-icon.icon-project {
    background: url("svg/folder-open.svg");
}

.w2ui-icon.icon-light {
    background: url("svg/lightbulb.svg");
}

.w2ui-icon.icon-directional-light {
    background: url("svg/lightbulb.svg");
}

.w2ui-icon.icon-mesh {
    background: url("svg/vector-square.svg");
}

.w2ui-icon.icon-camera {
    background: url("svg/camera.svg");
}

.w2ui-icon.icon-edit {
    background: url("svg/wrench.svg");
}

.w2ui-icon.icon-add {
    background: url("svg/plus.svg");
}

.w2ui-icon.icon-shaders {
    background: url("svg/magic.svg");
}

.w2ui-icon.icon-particles {
    background: url("svg/wind.svg");
}

.w2ui-icon.icon-effects {
    background: url("svg/magic.svg");
}

.w2ui-icon.icon-animated-mesh {
    background: url("svg/film.svg");
}

.w2ui-icon.icon-play-game {
    background: url("svg/play.svg");
}

.w2ui-icon.icon-position {
    background: url("svg/arrows-alt.svg");
}

.w2ui-icon.icon-rotation {
    background: url("svg/crosshairs.svg");
}

.w2ui-icon.icon-scaling {
    background: url("svg/arrows-alt-v.svg");
}

.w2ui-icon.icon-console {
    background: url("svg/terminal.svg");
}

.w2ui-icon.icon-scene {
    background: url("svg/camera-retro.svg");
}

.w2ui-icon.icon-export {
    background: url("svg/save.svg");
}

.w2ui-icon.icon-sound {
    background: url("svg/volume-up.svg");
}

.w2ui-icon.icon-wireframe {
    background: url("svg/grip-lines.svg");
}

.w2ui-icon.icon-focus {
    background: url("svg/compress-arrows-alt.svg");
}

.w2ui-icon.icon-clone {
    background: url("svg/clone.svg");
}

.w2ui-icon.icon-bounding-box {
    background: url("svg/columns.svg");
}

.w2ui-icon.icon-helpers {
    background: url("svg/eye.svg");
}

.w2ui-icon.icon-copy {
    background: url("svg/copy.svg");
}

.w2ui-icon.icon-box-mesh {
    background: url("svg/cube.svg");
}

.w2ui-icon.icon-sphere-mesh {
    background: url("svg/circle.svg");
}

.w2ui-icon.icon-cylinder-mesh {
    background: url("svg/cylinder.svg");
}

.w2ui-icon.icon-water {
    background: url("svg/water.svg");
}

.w2ui-icon.icon-sky {
    background: url("svg/smog.svg");
}

.w2ui-icon.icon-stop-sound {
    background: url("svg/volume-mute.svg");
}

.w2ui-icon.icon-play-sound {
    background: url("svg/volume-up.svg");
}

.w2ui-icon.icon-save {
    background: url("svg/save.svg");
}

.w2ui-icon.icon-scenario {
    background: url("svg/tools.svg");
}

.w2ui-icon.icon-graph {
    background: url("svg/project-diagram.svg");
}

.w2ui-icon.icon-play-game-windowed {
    background: url("svg/play-circle.svg");
}

.w2ui-icon.icon-ground {
    background: url("svg/square-full.svg");
}

.w2ui-icon.icon-reflection {
    background: url("svg/magic.svg");
}

.w2ui-icon.icon-dynamic-texture {
    background: url("svg/image.svg");
}

.w2ui-icon.icon-behavior-editor {
    background: url("svg/file-code.svg");
}

.w2ui-icon.icon-files {
    background: url("svg/save.svg");
}

.w2ui-icon.icon-files-project {
    background: url("svg/file-archive.svg");
}

.w2ui-icon.icon-undo {
    background: url("svg/undo.svg");
}

.w2ui-icon.icon-redo {
    background: url("svg/redo.svg");
}

.w2ui-icon.icon-recycle {
    background: url("svg/recycle.svg");
}

.w2ui-icon.icon-animators {
    background: url("svg/film.svg");
}

.w2ui-icon.icon-help {
    background: url("svg/jedi.svg");
}

.w2ui-icon.icon-record {
    background: url("svg/film.svg");
}

.w2ui-icon.icon-stop {
    background: url("svg/stop.svg");
}

.w2ui-icon.icon-babylon {
    background: url("svg/logo-babylon.svg");
}

.w2ui-icon.icon-photoshop-off {
    background: url("svg/photoshop.svg");
    filter: grayscale(1);
}

.w2ui-icon.icon-photoshop-on {
    background: url("svg/photoshop.svg");
    filter: none;
}

.w2ui-icon.w2ui-icon-reload::before {
    background: url("svg/circle-notch.svg") !important;
}

.w2ui-icon.w2ui-icon-plus::before {
    background: url("svg/plus.svg") !important;
}

.w2ui-icon.w2ui-icon-cross::before {
    background: url("svg/times.svg") !important;
}